<template>
  <div id="app">
    <router-view></router-view>
    <nav-v>
      <nav-v-item path='/home'>
        <img src='./assets/img/navv/logo.png' alt=''>
      </nav-v-item>
      <nav-v-item path='/search'>
        <img src='./assets/img/navv/icon_2.png' alt=''>
      </nav-v-item>
      <nav-v-item  path='/add'>
        <img src='./assets/img/navv/icon_3.png' alt=''>
      </nav-v-item>
    </nav-v>
    <tab-bar>
      <tab-bar-item path='/message'>消息</tab-bar-item>
      <tab-bar-item path='/man'>联系人</tab-bar-item>
      <tab-bar-item path='/profile'>我</tab-bar-item>
    </tab-bar>
  </div>
</template>

<script>
import NavV from './components/nav/NavV';
import NavVItem from './components/nav/NavVItem';
import TabBar from './components/tabbar/TabBar';
import TabBarItem from './components/tabbar/TabBarItem';

export default {
  name: 'App',
  components: {
    NavV,
    NavVItem,
    TabBar,
    TabBarItem,
  },
};
</script>

<style>
  @import './assets/css/base.css';
</style>

